<template>
    <span>
        <span v-if="!active" @mouseenter="active = true" @mouseleave="active = false"> {{A}} </span>
        <span v-if="active" @mouseenter="active = true" @mouseleave="active = false" class="animate-pulse"> {{B}} </span>
    </span>
</template>

<script lang="ts">
// 幻影坦克

import { defineComponent } from 'vue'

export default defineComponent({
    name: 'Tank',
    data() {
        return {
            active: false
        }
    },
    props: {
        A: String,
        B: String
    }
})
</script>